<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        html,
        body {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
        }

        body {
            width: 100%;
            height: 12.7804rem;
            font-size: 0.2687rem;
            max-width: 1024px;
            margin: 0 auto; 
        }

        #main {
            width: 100%;
            height: 100%;
            background: url("./images/bg.png");
            background-size: 100% 100%;
            /*position: absolute;            */
        }

        #logo {
            width: 3.3006rem;
            height: 4.4136rem;
            background: url("images/logo.png");
            background-size: 100% 100%;
            margin: 0 auto;
            position: relative;
            top: 141px;
        }

        .btn {
            width: 5.3731rem;
            height: 0.8443rem;
            position: relative;
            margin: 0 auto;
            top: 2.7249rem;
        }

        #btn_quedin {
            background: url("images/anz.png");
            background-size: 100% 100%;
            margin-top: 120.0014px;
        }

        #btn_xiazai {
            background: url("images/oss.png");
            background-size: 100% 100%;
            margin-top: 32px; 
        }
    </style>
</head>

<body>
    <div id="main">
        <div id="logo"></div>
        <div id="btn_quedin" class="btn"></div>
        <div id="btn_xiazai" class="btn"></div>
        
    </div>




    <script src="./js/jquery-3.2.1.js"></script>
    <script>
        $(function () {
            function fullWidth() {
                if ($('body').width() >= 720) {
                    var scale = $('body').width() / 720;
                    $('html').css('font-size', 100 * scale + 'px');
                    return;
                }
                var scale = $('body').width() / 720;
                $('html').css('font-size', 100 * scale + 'px');
                console.log(100 * scale + 'px')
            };
            fullWidth();

            $(window).resize(function () {
                fullWidth();
            });
        })
    </script>
</body>

</html>